<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags" %>
<%@ page isELIgnored="false" %>
<%
	String path = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

<html>
<head>
   <link href="<s:url value="/resources"/>/css/style_new.css" rel="stylesheet" type="text/css" />
    <link href="<s:url value="/resources"/>/css/main_new.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" media="screen" href="<s:url value="/resources"/>/css/cupertino/jquery-ui.min.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="<s:url value="/resources"/>/css/ui.jqgrid.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="<s:url value="/resources"/>/css/ui.multiselect.css" />
    <script type="text/javascript" src="<s:url value="/resources"/>/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="<s:url value="/resources"/>/js/jquery-ui.custom.min.js"></script>  
    <script type="text/javascript" src="<s:url value="/resources"/>/js/i18n/grid.locale-cn.js"></script> 
    <script type="text/javascript" src="<s:url value="/resources"/>/js/jquery.jqGrid.min.js"></script>
    <script type="text/javascript" src="<s:url value="/resources"/>/js/i18n/jquery.ui.datepicker-zh-CN.js"></script>
<style>
html,body {
	margin: 0;
	padding: 0;
	font-size: 85%;
}
</style>
<script >
    
     var qieye = 0;
$(function(){
    $("#chax").button(); 
    $("#reset").button();
        
    loadTab(0);
    
    //日期控件处理
    $( "#datepicker" ).datepicker($.datepicker.regional[ "zh-CN" ]);
    $( "#datepicker1" ).datepicker($.datepicker.regional[ "zh-CN" ]);
 
	function loadTab(i){	
		if(i==0){
			loadBdxx(i);
		}else{
			
		}
  		$("#myTab"+i).jqGrid('setGridHeight','300px');
  	}  
	

    $( "#tabs" ).tabs({
		    select: function(event, ui) {
		    var i =ui.index;	    
		    if(i==''){
		    i="0";
		    }
		    qieye = i;
		    loadTab(i);
		    //$("#myTab"+qieye).jqGrid('setGridParam',{url:'findVerifyHtxxList.action?index='+qieye,mtype:'post',page:1}).trigger("reloadGrid");
		   // alert("aa");
		    //jQuery("#myTab1").jqGrid('hideCol',["Verify"]);
		        
            //return false;
  		  }
		
	});
	
	
 });
  

	

  
  
  function loadBdxx(i){
      $("#myTab"+i).jqGrid({      
    url:'findhtqzlist?index='+i,  
    datatype: 'json',
    mtype: 'post',         
   	colNames:['签章','合同号','出卖人','买受人','发货单位','收货单位','归档时间','数量','单价','合同状态'],
   	colModel:[ 
   	    {name:'Verify',index:'id',width:60,align:"center",sortable:false},
   		{name:'hetbh',index:'hetbh', width:110},
   		{name:'chumdwmc',index:'chumdwmc', width:150 },	
   		{name:'maisdwmc',index:'maisdwmc', width:150 },
   		{name:'fahdwmc',index:'fahdwmc', width:150 },
   		{name:'shouhdwmc',index:'shouhdwmc', width:150 },
   		{name:'guidsj',index:'guidsj', width:80},
   	    {name:'shul',index:'shul', width:80 },
   		{name:'jiag',index:'jiag', width:80 },
   		{name:'htzt',index:'htzt', width:90 }
   				
   	],
   
    jsonReader: {
           repeatitems : false, 
           id: 'hetbh'
         },    	
   	rowNum:10,

   	rowList:[10,20,30],     	
   	pager: '#pager'+i,   	
   	rownumbers: true,   	 
    viewrecords: true,
    //multiselect: sign,
    sortorder: 'desc',  
    altRows:true,  
	//caption: "报单列表",
	gridComplete:function()
	{ //在此事件中循环为每一行添加修改和删除链接 
		var ids=jQuery("#myTab"+i).jqGrid('getDataIDs'); 	
		for(var j=0; j<ids.length; j++)
		{ 
			var id=ids[j];	
			
			verify ="<a href='#' style='color:#f60' onclick='Verify1("+ id +")'>签章</a>";
			jQuery("#myTab"+i).jqGrid('setRowData',ids[j], { Verify: verify}); 
		} 
	} 	
  });
  }

  
   function Verify1(id) { //单击修改链接的操作 
   if(id.id!=undefined){
	  // self.target="_blank";
	  // window.location.href='<%=path %>/gpjy/getHet?htbh='+id.id+'&zt=3';
	   window.open('<%=path %>/htgl/getHet?htbh='+id.id+'&zt=1',"_blank");
    //openwindow();
    
    }
   }
   function Verify2(id) { //单击修改链接的操作 
	   if(id.id!=undefined){
		  // self.target="_blank";
		  // window.location.href='<%=path %>/gpjy/getHet?htbh='+id.id+'&zt=3';
		   window.open('<%=path %>/gpjy/getHet?htbh='+id.id+'&zt=2',"_blank");
	    //openwindow();
	    
	    }
	   }
   
   function Verify3(id) { //单击修改链接的操作 
	   if(id.id!=undefined){
		  // self.target="_blank";
		  // window.location.href='<%=path %>/gpjy/getHet?htbh='+id.id+'&zt=3';
		   window.open('<%=path %>/gpjy/getHet?htbh='+id.id+'&zt=3',"_blank");
	    //openwindow();
	    
	    }
	   }   
  // 查询
function search(){   
  var formdata = $("#form1").serialize(); 
//alert(formdata); 
  $("#myTab"+qieye).jqGrid('setGridParam',{url:'findhtqzlist?'+formdata+'&index='+qieye,mtype:'post',page:1}).trigger("reloadGrid"); 
 
}



        
        //重置
			function resetSearch(){
			   $('#list_search  input[type=text]').val('');
			   $('#list_search select').val('-1');
			 }

	</script>

</head>

<body>
	<div class="container">
    <div class="containerbox">
<div class="btn-bar"> 
<p><img src="<s:url value="/resources"/>/img/htlc.gif" width="1200" height="40"></p>
</div>
		<div class="search mt10" id="list_search">
		<form id="form1" method="post">
			<table class="search-table" width="90%" cellpadding="0" cellspacing="0" border="0">
				<tr>
        	<td> 
            	合同编号: 
            </td>
            <td>
            	<input type="text" name="aa" class="form-textbox" style="width: 200px;" /> 
            </td>
            <td>
                煤种:
            </td>
            <td>
            	<div class="pr10 search-table-70"><div>
            	<select name="bb" class="form-textbox" style="width: 200px;">
            	<option value="-1" selected>==请选择==</option>
                   <c:forEach var="mz" items="${meiz}">
                   <option value="${mz.diccode}">
                   ${mz.dicname}
                   </option>
                   </c:forEach>
                 </select>
            	</div></div> 
            </td>            
            <td>
               品种 :
            </td>
            <td>
            	<div class="pr10 search-table-70"><div>
            	<select name="cc" class="form-textbox" style="width: 200px;">
            	<option value="-1" selected>==请选择==</option>
                   <c:forEach var="pz" items="${pinz}">
                   <option value="${pz.diccode}">
                   ${pz.dicname}
                   </option>
                   </c:forEach>
                 </select>
            	
            	</div></div>
            </td>
        </tr>
        <tr>
        <td>出卖人:</td>
        <td><input type="text" name="dd" class="form-textbox" style="width: 200px;"/></td>
        <td>发货单位:</td>
        <td><input type="text" name="ee" class="form-textbox" style="width: 200px;"/></td>
        <td>发站(局):</td>
        <td><input type="text" name="ff" class="form-textbox" style="width: 200px;"/></td>
        </tr>
        <tr>
        <td>买受人:</td>
        <td><input type="text" name="gg" class="form-textbox" style="width: 200px;"/></td>
        <td>收货单位:</td>
        <td><input type="text" name="hh" class="form-textbox" style="width: 200px;"/></td>
        <td>到站(局):</td>
        <td><input type="text" name="ii" class="form-textbox" style="width: 200px;"/></td>
        </tr>
        <tr>
        <td>价格:</td>
        <td><input type="text" name="jj" class="form-textbox" style="width: 93px;" onKeyUp="this.value=this.value.replace(/\D/g,'');" />
          --
          <input type="text" name="kk" class="form-textbox" style="width: 93px;" onKeyUp="this.value=this.value.replace(/\D/g,'');" /></td>
        <td>数量:</td>
        <td><input type="text" name="ll" class="form-textbox" style="width: 93px;" onKeyUp="this.value=this.value.replace(/\D/g,'');" />
          --
          <input type="text" name="mm" class="form-textbox" style="width: 93px;" onKeyUp="this.value=this.value.replace(/\D/g,'');" /></td>
        <td>签订日期:</td>
            <td>
            	<input id="datepicker" type="text" class="form-textbox" style="width: 93px;" name="nn" /> -- <input id="datepicker1" type="text" class="form-textbox" style="width: 93px;" name="oo" />
            </td>
        </tr>
        <tr>
        <td>合同形式:</td>
        <td><div class="pr10 search-table-70"><div>
        <select name="pp" class="form-textbox" style="width: 200px;">
            <option value="-1" selected>==请选择==</option>
            <option value="3">省内</option>
            <option value="4">省外</option>
        </select>
        
        </div></div></td>
        <td>隶属行业:</td>
        <td><div class="pr10 search-table-70"><div>
            <select name="rr" class="form-textbox" style="width: 200px;">
                  <option value="-1" selected>==请选择==</option>
                   <c:forEach var="hy" items="${hangy}">
                   <option value="${hy.diccode}">
                   ${hy.dicname}
                   </option>
                   </c:forEach>
            </select>
        
        </div></div></td>
        <td>交易类型:</td>
        <td>
        <div class="pr10 search-table-70"><div>
        <select name="uu" class="form-textbox" style="width: 200px;">
            <option value="-1" selected>==请选择==</option>
            <option value="22">年度合同</option>
            <option value="20">日常合同</option>
            <option value="23">月度合同</option>
        </select>
        </div></div>
        </td>
        </tr>
        <tr>
        <td>年度:</td>
        <td>
        <div class="pr10 search-table-70"><div>
        <select name="vv" class="form-textbox" style="width: 200px;">
            <option value="-1" selected>==请选择==</option>
            <option value="2014">2014</option>
            <option value="2015">2015</option>
            <option value="2016">2016</option>
        </select>
        </div></div>
        </td>
        <td>月份:</td>
        <td>
        <div class="pr10 search-table-70"><div>
        <select name="ww" class="form-textbox" style="width: 200px;">
            <option value="-1" selected>==请选择==</option>
            <option value="01">01</option>
            <option value="02">02</option>
            <option value="03">03</option>
            <option value="04">04</option>
            <option value="05">05</option>
            <option value="06">06</option>
            <option value="07">07</option>
            <option value="08">08</option>
            <option value="09">09</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
        </select>
        </div></div>
        </td>
        <td colspan="2"></td>
        </tr>
<tr>
    <td align="left" valign="middle" colspan="6">
<table border="0" cellspacing="0" cellpadding="0" >
  <tr>
    <td align="right" class="pr10 search-table-70">&nbsp;</td>
    <td align="left"><input name="" type="button" class="form-button-query form-button" value="查询" onclick="search();"/>
    <input name="" type="button" class="form-button-reset form-button" value="重置"  onclick="resetSearch();"/></td>
  </tr>
</table></td>
  </tr>
				
			</table>
		</form>

		<div id="tabs">
			<ul>
				<li><a href="#tabs-0">电子合同</a></li>
			</ul>
			<div id="tabs-0">
				<table id="myTab0" class="scroll" cellpadding="0" cellspacing="0"  ></table>
				<div id="pager0" class="scroll"></div>
				<div id="message0" class="scroll"></div>
			</div>
			<div id="tabs-1">
				<table id="myTab1" class="scroll" cellpadding="0" cellspacing="0"></table>
				<div id="pager1" class="scroll"></div>
				<div id="message1" class="scroll"></div>
			</div>

		</div>
</div></div>
		<div id="dialog-confirm" title="是否确认？"></div>
</body>
</html>
